<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // 箭头函数  function  替换成箭头
        // 具名函数不能改写箭头函数  **************
        // 匿名函数改箭头函数

        // function f() {}    不能改


        // const fn = function () {
        //     console.log(1);
        // }

        // const fn = () => {
        //     console.log(1);
        // }

        // fn()


        // 随机数
        // const rand = function(min , max) {
        //     return parseInt(Math.random() * (max - min) + min)
        // }

        // const rand = (min, max) => {
        //     return parseInt(Math.random() * (max - min) + min)
        // }



        // 简写
        //    1 当函数体只有一句代码的时候，可以省略大括号(且必须省略return)
        //    2 当函数的参数只有一个的时候，可以省略小括号



        // const fn2 = () => console.log(1);

        // fn2()


        // const rand2 = (min, max) => parseInt(Math.random() * (max - min) + min)




        // const arr = [2, 3, 4];

        // arr.forEach(function (v, i) {
        //     console.log(v);
        // })

        // arr.forEach((v, i) => console.log(v))


        // 把数组中的值都+2

        // const arr2 = arr.map(function(v,i){
        //     return v + 2
        // })

        // const arr2 = arr.map(v => v + 2)

        // console.log(arr2);


        // // const arr3 = arr.filter(function(v) {
        // //     return v > 2
        // // })

        // const arr3 = arr.filter(v => v > 2)
        // console.log(arr3);




        const f = (...arr) => {
            // console.log(arguments);   // 报错  没有arguments
            console.log(arr);
        }

        f(1, 2, 3, 4)



        // function ff(...arr) {
        //     console.log(arr);
        // }

        // ff(2, 3, 4)




    </script>

</body>

</html>